
import {  Layout, Menu, theme } from 'antd';
import '../pages/index.scss'
import { useState } from 'react';
import { NavLink, Outlet } from 'react-router-dom';

import Headers from '../components/header'
import Siders from '../components/siders'
const {  Content } = Layout;


const Index = () => {
    const {
        token: { colorBgContainer },
    } = theme.useToken();
    return (
        <Layout
            style={{
                minHeight: '100vh',
            }}
        >
           <Siders/>
            <Layout className="site-layout">
                <Headers/>
                <Content
                    style={{
                        margin: '0 16px',
                    }}
                >
                    <div
                        style={{
                            // padding: 24,
                            // minHeight: 360,
                            // background: colorBgContainer,
                        }}
                    >
                        <Outlet></Outlet>
                    </div>
                </Content>

            </Layout>
        </Layout>
    );
};
export default Index;